import React from 'react'
import EchartsReact from "echarts-for-react"
export default function Bottwo(props) {
  const color=props.color
  const option = {
    color: `${color}`,
    legend: {
      top: 'bottom',
      textStyle:{
        color : 'white'
      },
    },
    toolbox: {
      show: false,
      feature: {
        mark: { show: true },
        dataView: { show: true, readOnly: false },
        restore: { show: true },
        saveAsImage: { show: true }
      }
    },
    series: [
      {
        name: 'Nightingale Chart',
        type: 'pie',
        radius: [30, 90],
        center: ['50%', '50%'],
        roseType: 'area',
        itemStyle: {
          borderRadius: 8
        },
        data: [
          { value: 70, name: '重启' },
          { value: 50, name: '找人帮忙' },
          { value: 40, name: '放弃使用' },
          { value: 30, name: '想法修复' },
        ]
      }
    ]
  };
  return (
    <EchartsReact style={{height:"100%",width:"100%"}} option={option} />
  )
}
